.layout-store-box {
	padding: 25rpx;
}
.banner {
	width: 100%;
	height: 360rpx;
	.swiper {
		width: 100%;
		height: 360rpx;
		border-radius: 15rpx;
		overflow: hidden;
		.img {
			width: 100%;
			border-radius: 15rpx;
		}
	}
}

.actions {
	display: flex;
	justify-content: space-between;
	padding: 20rpx 0;
	background-color: #ffffff;
	border-radius: 15rpx;
	margin-top: 20rpx;
	.item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		font-size: 27rpx;
		flex: 1;
		position: relative;

		.value {
			color: #292b2e;
			font-size: 32rpx;
			margin-bottom: 10rpx;
		}

		.label {
			color: #6e737d;
		}

		&.line::before {
			content: '';
			position: absolute;
			height: 40rpx;
			width: 1rpx;
			background-color: #eee;
			left: 0;
		}

		&.logo_box {
			position: relative;

			.logo_image {
				position: absolute;
				width: 130rpx;
				height: 130rpx;
				bottom: 4rpx;
				border-radius: 15rpx;
			}
		}
	}
}

.list {
	margin-top: 30rpx;

	.search-box {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.search-tit {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			right: 10rpx;
			font-size: 24rpx;
			width: 100rpx;
			text-align: center;
			line-height: 55rpx;
			height: 55rpx;
			color: #fff;
			background-color: #000;
			border-radius: 20px;
			z-index: 99;
		}
	}
	.products {
		display: flex;
		margin-top: 25rpx;
		.waterfall-box {
			margin-right: 20rpx;
			.card-box {
				margin-bottom: 20rpx;
				padding: 15rpx;
				border-radius: 10rpx;
				background-color: #f9f9f9;
			}
		}
		.waterfall-box:last-child {
			margin-right: 0;
		}
	}
}
.price-msg {
	.tag-box {
		display: flex;
		align-items: center;
		flex-direction: row;
		flex-wrap: wrap;

		.tag {
			font-size: 20rpx;
			padding: 8rpx 10rpx;
			line-height: 1;
			border-radius: 10px;
			color: #fff;
			margin-right: 10rpx;
		}

		.tag-buy {
			background-color: #f37b1d;
		}

		.tag-view {
			background-color: #8dc63f;
		}
	}

	.price-box {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;

		.price {
			display: flex;
			flex-direction: row;
			align-items: flex-end;
			margin-right: 10rpx;

			.symbol {
				font-size: 22rpx;
				color: #d33123;
				margin-bottom: 0rpx;
				line-height: 1;
			}

			.num {
				font-size: 30rpx;
				font-weight: bold;
				color: #d33123;
				line-height: 1;
				margin-bottom: -3rpx;
			}
			.mktprice {
				margin-left: 10rpx;
				font-size: 20rpx;
				line-height: 1;
				text-decoration: line-through;
				color: #6e737d;
			}
		}

		.buyCount {
			font-size: 20rpx;
			color: #6e737d;
		}

		.btn {
			line-height: 1;
			padding: 15rpx 25rpx;
			font-size: 20rpx;
			color: #fff;
			text-align: center;
			background-color: #292b2e;
			color: #fff;
			border-radius: 20px;
		}
	}
}
